<omv-dashboard-widget [config]="config"
                      [loadData]="loadData.bind(this)"
                      (dataChangedEvent)="dataChanged($event)">
  <div *ngIf="data"
       class="widget-content omv-grid omv-gap-1">
    <div *ngFor="let item of data.data"
         class="item"
         [ngClass]="config.grid?.item.class | template:item"
         matTooltipClass="omv-text-wrap-line"
         [matTooltip]="config.grid?.item.tooltip | template:item | br2nl | preventHtml"
         [tabIndex]="config.grid?.item.url ? '0' : '-1'"
         (keyup.space)="onClick(item)"
         (keyup.enter)="onClick(item)"
         (click)="onClick(item)">
      <div *ngIf="config.grid?.item.title"
           class="title omv-font-weight-bold"
           [ngClass]="config.grid?.item.titleClass | template:item"
           [innerHTML]="config.grid?.item.title | template:item | sanitizeHtml">
      </div>
      <div class="content"
           [ngClass]="config.grid?.item.contentClass | template:item"
           [innerHTML]="config.grid?.item.content | template:item | sanitizeHtml">
      </div>
    </div>
  </div>
</omv-dashboard-widget>
